/**
 * @description Setting iconfont
 */

.iconfont-ri {
  font-family: 'iconfont-ri' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
%iconfont {
  font-family: 'iconfont-ri' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/************************** Common icon  START *****************************/
// The back icon
.ri-icon-common-back:before {
  @extend %iconfont;
  content: '\e641';
}
// The icon of switch screen
.ri-icon-common-screen-switch:before {
  @extend %iconfont;
  content: '\e6c3';
}
// The edit icon
.ri-icon-common-edit:before {
  @extend %iconfont;
  content: '\e654';
}
// The close icon
.ri-icon-common-close:before {
  @extend %iconfont;
  content: '\e849';
}
.ri-icon-common-cart:before {
  @extend %iconfont;
  content: '\e68d';
}
.ri-icon-common-pause:before {
  @extend %iconfont;
  content: '\e646';
}
.ri-icon-common-more:before {
  @extend %iconfont;
  content: '\e659';
}
.ri-icon-common-menu:before {
  @extend %iconfont;
  content: '\e667';
}
// The icon of work order
.ri-icon-common-work-order:before {
  @extend %iconfont;
  content: '\e664';
}
.ri-icon-common-delete:before {
  @extend %iconfont;
  content: '\e64c';
}
.ri-icon-common-view:before {
  @extend %iconfont;
  content: '\e666';
}
.ri-icon-common-setting:before {
  @extend %iconfont;
  content: '\e66a';
}
.ri-icon-common-bind:before {
  @extend %iconfont;
  content: '\e668';
}

/************************** Common icon END *****************************/

/************************** LeftMenu icon  START *****************************/
// Dashoard menu
.ri-icon-menu-dashboard:before {
  @extend %iconfont;
  content: '\e674';
}

// Console menu
.ri-icon-menu-console:before {
  @extend %iconfont;
  content: '\e676';
}
.ri-icon-menu-ecs:before {
  @extend %iconfont;
  content: '\e62b';
}
.ri-icon-menu-volume:before {
  @extend %iconfont;
  content: '\e629';
}
.ri-icon-menu-physical-machine:before {
  @extend %iconfont;
  content: '\e622';
}
.ri-icon-menu-object-storage:before {
  @extend %iconfont;
  content: '\e606';
}
.ri-icon-menu-snapshot:before {
  @extend %iconfont;
  content: '\e614';
}
.ri-icon-menu-vpc:before {
  @extend %iconfont;
  content: '\e6a6';
}

// Statistic analysis menu
.ri-icon-menu-statistic-analysis:before {
  @extend %iconfont;
  content: '\e677';
}
.ri-icon-menu-capacity-mgmt:before {
  @extend %iconfont;
  content: '\e61b';
}
.ri-icon-menu-resource-employ:before {
  @extend %iconfont;
  content: '\e62d';
}
.ri-icon-menu-cost-analysis:before {
  @extend %iconfont;
  content: '\e63a';
}

// Iaas menu
.ri-icon-menu-iaas:before {
  @extend %iconfont;
  content: '\e675';
}
.ri-icon-menu-cloud-provider:before {
  @extend %iconfont;
  content: '\e62a';
}
.ri-icon-menu-resource-pool:before {
  @extend %iconfont;
  content: '\e630';
}
.ri-icon-menu-virtual-app:before {
  @extend %iconfont;
  content: '\e624';
}
.ri-icon-menu-virtual-desktop:before {
  @extend %iconfont;
  content: '\e626';
}
.ri-icon-menu-history:before {
  @extend %iconfont;
  content: '\e63c';
}
.ri-icon-menu-template-define:before {
  @extend %iconfont;
  content: '\e616';
}
.ri-icon-menu-subnet:before {
  @extend %iconfont;
  content: '\e615';
}
.ri-icon-menu-custom-device:before {
  @extend %iconfont;
  content: '\e658';
}
.ri-icon-menu-kepair:before {
  @extend %iconfont;
  content: '\e84c';
}
.ri-icon-menu-firewall:before {
  @extend %iconfont;
  content: '\e669';
}

// Ticket menu
.ri-icon-menu-tickets:before {
  @extend %iconfont;
  content: '\e60b';
}

// Apply center menu
.ri-icon-menu-app-center:before {
  @extend %iconfont;
  content: '\e678';
}
.ri-icon-menu-blueprint-define:before {
  @extend %iconfont;
  content: '\e611';
}
.ri-icon-menu-blueprint-service-define:before {
  @extend %iconfont;
  content: '\e60f';
}
.ri-icon-menu-blueprint-service:before {
  @extend %iconfont;
  content: '\e610';
}

// Operation management menu
.ri-icon-menu-operation-management:before {
  @extend %iconfont;
  content: '\e679';
}
.ri-icon-menu-service-define:before {
  @extend %iconfont;
  content: '\e60c';
}
.ri-icon-menu-service-package:before {
  @extend %iconfont;
  content: '\e6bf';
}

// Monitor alarm menu
.ri-icon-menu-gateway:before {
  @extend %iconfont;
  content: '\e649';
}
.ri-icon-menu-monitor-details:before {
  @extend %iconfont;
  content: '\e60d';
}
.ri-icon-menu-alarm-indexs:before {
  @extend %iconfont;
  content: '\e608';
}
.ri-icon-menu-alarm-index:before {
  @extend %iconfont;
  content: '\e60a';
}
.ri-icon-menu-alarm:before {
  @extend %iconfont;
  content: '\e607';
}

// Personal center menu
.ri-icon-menu-personal-center:before {
  @extend %iconfont;
  content: '\e673';
}
.ri-icon-menu-orders:before {
  @extend %iconfont;
  content: '\e639';
}
.ri-icon-menu-approve:before {
  @extend %iconfont;
  content: '\e61d';
}

// System management menu
.ri-icon-menu-sys:before {
  @extend %iconfont;
  content: '\e67b';
}
.ri-icon-menu-operation-configuration:before {
  @extend %iconfont;
  content: '\e625';
}
.ri-icon-menu-global-param:before {
  @extend %iconfont;
  content: '\e617';
}
.ri-icon-menu-operlog:before {
  @extend %iconfont;
  content: '\e636';
}

/************************** LeftMenu icon  END *****************************/

/********************* Service Catalog icon START ***********************/
.ri-icon-serlog-cloud_ecs:before {
  @extend %iconfont;
  content: '\e663';
}
.ri-icon-serlog-cloud_volume:before {
  @extend %iconfont;
  content: '\e662';
}
.ri-icon-serlog-physical_machine:before {
  @extend %iconfont;
  content: '\e65d';
}
.ri-icon-serlog-obj_stroage:before {
  @extend %iconfont;
  content: '\e65b';
}
.ri-icon-serlog-elastic_stretch:before {
  @extend %iconfont;
  content: '\e65a';
}
.ri-icon-serlog-virtual_desktop:before {
  @extend %iconfont;
  content: '\e660';
}
.ri-icon-serlog-virtual_app:before {
  @extend %iconfont;
  content: '\e65f';
}
.ri-icon-serlog-todo:before {
  @extend %iconfont;
  content: '\e67e';
}
.ri-icon-serlog-billing-account:before {
  @extend %iconfont;
  content: '\e67c';
}
.ri-icon-serlog-application:before {
  @extend %iconfont;
  content: '\e67f';
}
.ri-icon-serlog-orders:before {
  @extend %iconfont;
  content: '\e67d';
}

/************************ Service Catalog icon END **************************/

/************************ Apply Service icon START **************************/
.ri-icon-applyser-ecs:before {
  @extend %iconfont;
  content: '\e663';
}
.ri-icon-applyser-volume:before {
  @extend %iconfont;
  content: '\e662';
}
.ri-icon-applyser-physical_machine:before {
  @extend %iconfont;
  content: '\e65d';
}
.ri-icon-applyser-elastic_stretch:before {
  @extend %iconfont;
  content: '\e65a';
}
.ri-icon-applyser-obj_stroage:before {
  @extend %iconfont;
  content: '\e65b';
}
.ri-icon-applyser-virtual_desktop:before {
  @extend %iconfont;
  content: '\e660';
}
.ri-icon-applyser-virtual_app:before {
  @extend %iconfont;
  content: '\e65f';
}

/************************ Apply Service icon END *****************************/

/************************ Others icon START ***************************/
.ri-icon-other-message:before {
  @extend %iconfont;
  content: '\e621';
}
.ri-icon-other-tenant:before {
  @extend %iconfont;
  content: '\e632';
}
.ri-icon-other-org-node:before {
  @extend %iconfont;
  content: '\e631';
}
.ri-icon-other-user-management:before {
  @extend %iconfont;
  content: '\e627';
}
.ri-icon-other-role:before {
  @extend %iconfont;
  content: '\e60e';
}
.ri-icon-other-application:before {
  @extend %iconfont;
  content: '\e628';
}
.ri-icon-other-logs:before {
  @extend %iconfont;
  content: '\e6a0';
}
.ri-icon-other-docs:before {
  @extend %iconfont;
  content: '\e63b';
}

/************************ Others icon END *****************************/
